<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <title>我的打卡</title>
  <link rel="stylesheet" href="./style/common.css">
  <link rel="stylesheet" href="./style/index.css" />
</head>

<body>
  <div id="app">
    <header class="flex aic pl-15">
      <span :class="{active: isNew}" @click="changeCurrBookList(1)" class="bold h100p cursor fcc">新约</span>
      <span :class="{active: !isNew}" @click="changeCurrBookList(2)" class="bold h100p cursor fcc ml-15">旧约</span>
    </header>

    <dl class="aside flex">
      <dd v-for="item in currBookList" @click="changeBook(item)">
        <span :class="{
                    active: item.name === currBook.name||item.finished,
                    doing: isdoing(item)
                }">{{item.name}}</span>
      </dd>
      <dd class="fix"></dd>
      <dd class="fix"></dd>
      <dd class="fix"></dd>
      <dd class="fix"></dd>
    </dl>

    <main>
      <ul class="list">
        <li @click="daka(item,index)" v-for="(item,index) in currChapterList" :class="{active:item.readed}"
          class="cursor">
          {{item.section}}
        </li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
        <li class="fix"></li>
      </ul>
    </main>

    <footer class="flex jc-sa aic">
      <a href="./home.html" class="cursor">成员</a>
      <a href="./daka.html" class="cursor">章节</a>
      <a href="./count.html" class="cursor">统计</a>
    </footer>

  </div>



  <!-- <script src="./db.js"></script> -->
  <script src="./js/axios.js"></script>
  <script src="./js/vue.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/daka.js"></script>

</body>

</html>